<template>
    <div class="footer">
        <div class="footer-link-container">
            <div class="footer-link">
                <i class="iconfont icon-shouye"></i>
                <span class="footer-link-font">首页</span>
            </div>
        </div>
         <div class="footer-link-container">
            <div class="footer-link">
                <i class="iconfont icon-dianpu"></i>
                <span class="footer-link-font">店铺</span>
            </div>
        </div>
         <div class="footer-link-container">
            <div class="footer-link">
                <i class="iconfont icon-gouwudai"></i>
                <span class="footer-link-font">购物袋</span>
            </div>
        </div>
         <div class="footer-link-container">
            <div class="footer-link">
                <i class="iconfont icon-yonghu"></i>
                <span class="footer-link-font">用户</span>
            </div>
        </div>
    </div>
</template>

<script>
export default {
  
}
</script>


<style lang="scss" scoped>
    .footer{
        display:flex;
        margin-top:40px;
        width:100%;
        height:50px;
        box-shadow: 0 -0.266667vw 0.533333vw rgba(0,0,0,.1);
        background:#fff;
        .footer-link-container{
            display:flex;
            justify-content:center;
            align-items:center;
            flex:1;
            height:50px;
            .footer-link{
                display:flex;
                flex-direction:column;
                .footer-link-font{
                    font-size:10px;
                    margin-top:3px;
                    color:rgb(129,129,129);
                    font-weight:400;
                }
                .iconfont{
                    font-size:22px;
                    color:rgb(129,129,129);
                    font-weight:400;
                }
            }
            
        }
    }
</style>

